<template>
	<div id="postdetail">
        <div class="bt">&nbsp;/&nbsp;所有&nbsp;/ &nbsp;商户交流&nbsp;/ &nbsp;运营杂谈</div>
		<div class="title">
			<span v-html="postdata.photo"></span>
			<p class="p1">{{ postdata.title }}</p>
			<p class="p2"><a class="auther">{{ postdata.username }}</a> 发表于 {{postdata.create_time}}   阅读: <span class="red">{{ postdata.readcount }}</span>   回复: <span class="red">19</span>   <a href="javascript:;" class="gray" @click="copy_url">[复制链接]</a> <a href="" class="gray">[只看楼主]</a></p>
		</div>
		<div style="clear:left"></div>
		<div class="context">
			<div class="text">
				{{ postdata.text }}
			</div>
			<div class="other">
				<button><i class="fa fa-pencil-square-o" aria-hidden="true" style="font-size: 22px;color:#fff"></i>&nbsp;&nbsp;发布主题</button>
				<div class="icon_area">
						<div class="d1">
							<p><i class="fa fa-commenting-o" aria-hidden="true"></i></p>
							<p>回复</p>
						</div>
						<div class="d1">
							<p><i class="fa fa-pencil" aria-hidden="true"></i></p>
							<p>点评</p>
						</div>
						<div class="d1">
							<p><i class="fa fa-flag" aria-hidden="true"></i></p>
							<p>评分</p>
						</div>
						<div class="d1" style="border: 0px solid #fff;">
							<p><i class="fa fa-share-alt" aria-hidden="true"></i></i></p>
							<p>分享</p>
						</div>
				</div>	
			</div>
		</div>
		<div class="pl">

		</div>
	</div>
</template>


<script>

export default {
	data:function(){
		return {
			postdata:'',

		}
	},
	created:function(){
		var pid = this.$route.params.pid;
	    this.$http({
	        method:'GET',
	        url:'http://123.56.86.203/postdetail?pid='+pid,
	    }).then(function(info){
	    	var data=info.data;
			if(data.status == 0){
				this.postdata =data.info;
			}else{
				alert('数据已被删除');
				window.location.href="/";
			}
	    },function(error){
	           console.log(error);
	    })

	},
	components:{

	},
	methods:{
		copy_url(){
			
		},
        submit() {
            console.log(this.result)
        }
	}
}	
</script>
<style>
#postdetail .title img{
	float: left;
	width: 50px;
	height: 50px;
	margin-right:15px;
}
</style>
<style scoped>
#postdetail{
  width:1000px;
  margin:0 auto;
}
.bt{
   width: 100%;
  height: 25px;
  font:13px/25px '微软雅黑';
}
#postdetail .title{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
}

#postdetail .title .p1{
	width: 75%;
	height: 23px;
	float: left;
	font:bold 23px/23px '微软雅黑';
	color:#000;
}
#postdetail .title .p2{
	width: 75%;
	height: 23px;
	float: left;
	margin-top:12px;
	font:13px/15px '微软雅黑';
	color:#000;
}
#postdetail .title .auther{
	color:#2584E0;
	font:13px/15px '微软雅黑';	
}
#postdetail .title .gray{
	color:#999;
	font:13px/15px '微软雅黑';	
}
.red{
	color:#d00;
	font:13px/15px '微软雅黑';	
}
#postdetail .context{
	width: 100%;
}
#postdetail .context .text{
	float: left;
	width: 70%;
	background-color: #fff;
	padding:30px 3%;
	font:13px/20px '微软雅黑';
	margin-right:3%; 
}
#postdetail .context .other{
	width: 19%;
	padding-bottom: 15px;
	float: left;
	padding: 20px 1%;
	background-color: #fff;
}
#postdetail .context .other button{
	width:100%;
	height:40px;
	background-color: #73C741;
	border:1px solid #73C742;
	font:20px/38px '微软雅黑';
	color:#fff;
	text-align: center;
}
#postdetail .context .other .icon_area{
	width: 100%;

}
#postdetail .context .other .icon_area .d1{
	float: left;
	width: 16%;
	padding: 0px 4% 0 4%;
	text-align: center;
	margin-top: 10px;
	border-right: 1px solid #ccc;
}
#postdetail .context .other .icon_area .d1 p{
	font:14px/20px '微软雅黑';
	color:#666;
}
#postdetail .context .other .icon_area .d1 p i{
	font-size:22px;
	margin-bottom: 5px;
	color:#aaa;
}
#postdetail .pl{
	float: left;
	width: 70%;
	background-color: #fff;
	padding:30px 3%;
	margin-top: 10px;
}
</style>
